<template>
  <i :class="`iconfont icon-${type}`" :style="styles"></i>
</template>

<script>
export default {
	name: 'Icons',
	props: {
		type: {
			type: String,
			required: true,
		},
		color: {
			type: String,
			default: '#5c6b77',
		},
		size: {
			type: Number,
			default: 16,
		},
	},
	computed: {
		styles() {
			return {
				fontSize: `${this.size}px`,
				color: this.color,
			}
		},
	},
}
</script>

<style>
</style>
